<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>会员中心-汇银乐虎</title>
<link rel="stylesheet" type="text/css" href="css/base.min.css" />
<link rel="stylesheet" type="text/css" href="css/vip.css" />
<link rel="stylesheet" type="text/css" href="css/vip-x.css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body class="bd-vip-bg">
<!--site-nav-->
<div class="site-nav">
 <div class="w cl">
     <div class="f-l c1">欢迎来到乐虎网!<a href="#">登录</a>|<a href="#">免费注册</a></div>
     <div class="f-r">
         <ul>
             <li><a href="1">品牌分销</a></li>
             <li data-popup="hover">
               <em></em>
               <a href="2" class="popup">我的乐虎<i class="arrow arrow-d"></i><i class="outline"></i></a>
               <!--我的乐虎-->
               <div class="popup-box sn-p-1 cl">
                   <dl>
                       <dt class="c2">订单管理</dt>
                       <dd><a href="3">我的订单</a></dd>
                       <dd><a href="4">我的预购</a></dd>
                   </dl>
                   <dl>
                       <dt class="c3">我的关注</dt>
                       <dd><a href="5">关注的商品</a></dd>
                       <dd><a href="6">关注的店铺</a></dd>
                   </dl>
                   <dl>
                       <dt class="c4">我的资产</dt>
                       <dd><a href="7">我的余额</a></dd>
                       <dd><a href="8">便民服务生活卡</a></dd>
                       <dd><a href="9">我的积分</a></dd>
                       <dd><a href="10">我的乐虎券</a></dd>
                   </dl>
                   <dl>
                       <dt class="c5">客户服务</dt>
                       <dd><a href="11">退换货</a></dd>
                       <dd><a href="12">安装/维修</a></dd>
                       <dd><a href="12">我的投诉</a></dd>
                   </dl>
                   <dl>
                       <dt class="c6">社区中心</dt>
                       <dd><a href="13">消息中心</a></dd>
                       <dd><a href="14">评价/晒单</a></dd>
                       <dd><a href="15">只会管家</a></dd>
                   </dl>
               </div>
               <!--/我的乐虎-->
             </li>
             <li data-popup="hover">
                 <em></em>
                 <a href="javascript:;" class="popup">我的关注<i class="arrow arrow-d"></i><i class="outline"></i></a>
                 <div class="popup-box sn-p-2 cl">
                       <!--我的关注-->
                          <a href="##" class="f-l">
                              <i class="icon-b i-b-collection-goods"></i>
                              <p>收藏的商品</p>
                          </a>
                          <a href="##" class="f-l two">
                              <i class="icon-b i-b-collection-shop"></i>
                              <p>收藏的店铺</p>
                          </a>
                       <!--/我的关注-->
                 </div>
             </li>
             <li>
                 <em></em>
                 <a href="#">会员俱乐部</a>
             </li>
             <li data-popup="hover">
                 <em></em>
                 <a href="#" class="popup">客户服务<i class="arrow arrow-d"></i><i class="outline"></i></a>
                 <!--客户服务-->
                 <div class="popup-box sn-p-3 cl">
                     <a href="#">帮助中心</a>
                     <a href="#">售后服务</a>
                     <a href="#">在线客服</a>
                     <a href="#">投诉中心</a>
                     <a href="#">客服邮箱</a>
                 </div>
                 <!--/客户服务-->
             </li>
             <li data-popup="hover">
                 <em></em>
                 <a href="#" class="popup">手机乐虎<i class="arrow arrow-d"></i><i class="outline"></i></a>
                 <!--手机乐虎-->
                 <div class="popup-box sn-p-4 cl">
                     <img src="img/qrcode.png" alt="" class="f-l"/>
                    <h3>乐虎网客户端</h3>
                    <p>手机扫一扫马上安装</p>
                    <a href="##">苹果版下载</a>
                    <a href="##" class="a-two">安卓版下载</a>
                 </div>
                 <!--/手机乐虎-->
             </li>
             <li data-popup="hover">
                 <em></em>
                 <a href="#" class="popup">网站导航<i class="arrow arrow-d"></i><i class="outline"></i></a>
                 <!--网站导航-->
                 <div class="popup-box sn-p-5 cl">
                     <dl class="cl">
                         <dt>一级菜单</dt>
                         <dd><a href="##">二级菜单</a></dd>
                         <dd><a href="##">二级菜单</a></dd>
                         <dd><a href="##">二级菜单</a></dd>
                         <dd><a href="##">二级菜单</a></dd>
                         <dd><a href="##">二级菜单</a></dd>
                         <dd><a href="##">二级菜单</a></dd>
                     </dl>
                     <dl class="cl">
                         <dt>一级菜单</dt>
                         <dd><a href="##">二级菜单</a></dd>
                         <dd><a href="##">二级菜单</a></dd>
                         <dd><a href="##">二级菜单</a></dd>
                         <dd><a href="##">二级菜单</a></dd>
                         <dd><a href="##">二级菜单</a></dd>
                         <dd><a href="##">二级菜单</a></dd>
                     </dl>
                     <div class="sn-p-5-bottom">
                         服务热线：4001 882 108
                     </div>
                 </div>
                 <!--/网站导航-->
             </li>
         </ul>
     </div>
 </div>
</div>
<!--/site-nav-->
<!--vip-header-->
<div class="vip-header">
  <div class="vip-nav">
      <div class="w">
          <a href="#" class="vip-home-a">我的乐虎</a>
          <ul class="v-nav">
              <li class="cur"><a href="#">首页</a></li>
              <li><a href="#">我的订单</a></li>
              <li data-popup="hover">
                   <a href="#" class="popup">账户管理 <i class="icon"></i></a>
                   <div class="popup-box">
                       1
                   </div>
              </li>
              <li><a href="#">消息<i class="icon m">12</i></a></li>
          </ul>
          <div class="vip-search">
              <input type="text" class="in"  value="搜索"/><span class="vip-btn-so icon"></span>
          </div>
      </div>
  </div>
  <div class="vip-user-info">
      <div class="w pl">
          <!--头像-->
          <div class="user-avatar">
              <div class="i-avatar">
                  <img src="img/avatar.png" />
                  <i class="icon-b"></i>
              </div>
              <div class="i-tel">(185****6506)</div>
          </div>
          <!--头像-->
          <div class="user-info">
              <div class="name">灰色de寒鸦</div>
              <div class="rank-v">
                  <div class="f-l"><span class="f-l"><i class="icon v"></i>银牌会员</span><div class="rank"><span class="f-l"><em style="width:50%"></em></span>1212/10000</div></div>
                  <div class="f-r"><span class="saf">安全等级:<em>低</em></span><a href="#"><i class="icon pw"></i>修改密码</a><a href="#"><i class="icon eml"></i>绑定邮箱</a></div>
              </div>
          </div>
      </div>
  </div>
</div>
<!--/vip-header-->
<!--vip-main-->
<div class="vip-main w">
    <!--vip-left-->
    <div class="vip-left">
      <div class="vip-s-box">
       <h3>账户管理</h3>
       <ul class="vip-sidebar">
            <li class="cur">
                 <a href="#" class="a">个人信息</a>
            </li>
            <li>
                 <a href="#" class="a">账户安全</a>
            </li>
            <li>
                 <a href="#" class="a">我的级别</a>
            </li>
            <li>
                 <a href="#" class="a">增票资质</a>
            </li>
            <li>
                 <a href="#" class="a">收货地址</a>
            </li>
       </ul>
       </div>
    </div>
    <!--/vip-left-->
    <!--vip-con-->
    <div class="vip-con">
       <!--vip-pers-info-->
        <div class="vip-pers-info">
           <!--个人信息目录列表-->
            <ul class="submenu">
                <li><a href="vip-pers-info.html">基本信息</a></li>
                <li><a href="vip-pers-info-port.html">头像照片</a></li>
                <li class="cur"><a href="vip-pers-info-more.html">更多个人信息</a></li>
            </ul>
            <!--/个人信息目录列表-->
            <!--个人信息表单-->
            <div class="vip-more cl">
                <div class="form-group style-scn">
                    <span>婚姻状况：</span>
                    <label class="l-style-radio" for="vip-wh"><input id="vip-wh" name="vip-hf" class="hide" type="radio">未婚</label>
                    <label class="l-style-radio cur" for="vip-yh"><input id="vip-yh" name="vip-hf" class="hide" type="radio">已婚</label>
                    <label class="l-style-radio" for="vip-bm"><input id="vip-bm" name="vip-hf" class="hide" type="radio">保密</label>
                </div>
                <div class="form-group">
                    <span>月收入：</span>
                    <div class="vip-popup input-w-style2" data-popup="click">
                        <span class="popup">请选择<i class="arrow arrow-d"></i></span>
                        <div class="popup-box  input-w-style02">
                            <ul>
                                <li><a href="#0">1000~2000</a></li>
                                <li><a href="#0">2000~5000</a></li>
                                <li><a href="#0">5000~10000</a></li>
                                <li><a href="#0">10000~15000</a></li>
                                <li><a href="#0">15000以上</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="form-group style-scn">
                    <span>身份证号：</span>
                    <label class="l-style-text" for="vip-sfID"><input id="vip-sfID" class="hide" type="text"><p>3602*********2111</p><span class="ctr-input">修改</span></label>
                </div>
                <div class="form-group">
                    <span>文化程度：</span>
                    <div class="vip-popup input-w-style2" data-popup="click">
                        <span class="popup">请选择<i class="arrow arrow-d"></i></span>
                        <div class="popup-box  input-w-style02">
                            <ul>
                                <li><a href="#0">小学</a></li>
                                <li><a href="#0">初中</a></li>
                                <li><a href="#0">高中</a></li>
                                <li><a href="#0">专科</a></li>
                                <li><a href="#0">本科</a></li>
                                <li><a href="#0">硕士</a></li>
                                <li><a href="#0">博士</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <span>所属行业：</span>
                    <div class="vip-popup input-w-style3" data-popup="click">
                        <span class="popup">请选择<i class="arrow arrow-d"></i></span>
                        <div class="popup-box  input-w-style03">
                            <ul>
                                <li><a href="#0">IT</a></li>
                                <li><a href="#0">电气</a></li>
                                <li><a href="#0">事业单位</a></li>
                                <li><a href="#0">医疗</a></li>
                                <li><a href="#0">学生</a></li>
                                <li><a href="#0">教师</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <span></span>
                    <label for="vip-smt-more"><input id="vip-smt-more" type="submit" value="保存"></label>
                </div>
            </div>
            <!--/个人信息表单-->
        </div>
        <!--/vip-pers-info-->
    </div>
    <!--/vip-con-->
</div>
<!--/vip-main-->
<!--footer-->
<div class="footer">
    <div class="w">
        <!--网站链接-->
        <div class="f-top cl">
            <dl>
                <dt>购物指南<i class="icon-b i-b-footer1"></i></dt>
                <dd><a href="##">购物流程</a></dd>
                <dd><a href="##">发票制度</a></dd>
                <dd><a href="##">账户管理</a></dd>
                <dd><a href="##">会员优惠</a></dd>
            </dl>
            <dl>
                <dt>支付方式<i class="icon-b i-b-footer2"></i></dt>
                <dd><a href="##">乐虎券使用</a></dd>
                <dd><a href="##">便民支付卡支付</a></dd>
                <dd><a href="##">在线支付</a></dd>
                <dd><a href="##">发票说明</a></dd>
            </dl>
            <dl>
                <dt>订单服务<i class="icon-b i-b-footer3"></i></dt>
                <dd><a href="##">订单状态说明</a></dd>
                <dd><a href="##">自助取消订单</a></dd>
                <dd><a href="##">修改订单</a></dd>
            </dl>
            <dl>
                <dt>配送方式<i class="icon-b i-b-footer4"></i></dt>
                <dd><a href="##">贮物柜自提</a></dd>
                <dd><a href="##">配送说明</a></dd>
                <dd><a href="##">验收与签收</a></dd>
                <dd><a href="##">配送进度查询</a></dd>
            </dl>
            <dl>
                <dt>消费保障<i class="icon-b i-b-footer5"></i></dt>
                <dd><a href="##">售后政策</a></dd>
                <dd><a href="##">退换货说明</a></dd>
                <dd><a href="##">退换货进度查询</a></dd>
                <dd><a href="##">售后服务电话</a></dd>
            </dl>
            <dl>
                <dt>商家服务<i class="icon-b i-b-footer6"></i></dt>
                <dd><a href="##">招商入驻</a></dd>
                <dd><a href="##">商家中心</a></dd>
                <dd><a href="##">运营服务</a></dd>
                <dd><a href="##">大宗采购</a></dd>
            </dl>
        </div>
        <!--/网站链接-->
        <!--相关信息-->
        <div class="f-center cl">
            <div class="f-c-con f-c-one f-l pl">
                <img src="img/qrcode.png" alt=""/>
                <h3>乐虎网客户端</h3>
                <p>手机扫一扫马上安装</p>
                <a href="##">苹果版下载</a>
                <a href="##" class="a-two">安卓版下载</a>
                <i class="f-c-gap"></i>
            </div>
            <div class="f-c-con f-c-two f-l pl">
                <img src="img/qrcode.png" alt=""/>
                <h3>乐虎网微信</h3>
                <p>微信扫一扫马上关注<br /> 万千优惠资讯抢先收到，<br /> 互动、查物流一步搞定</p>
                <i class="f-c-gap"></i>
            </div>
            <div class="f-c-con f-c-three f-l pl">
                <h3>关注我们</h3>
                <a href="##"><i class="icon i-weibo1"></i>新浪微博</a>
                <a href="##"><i class="icon i-weibo2"></i>腾讯微博</a>
                <i class="f-c-gap"></i>
            </div>
            <div class="f-c-con f-c-four f-l pl">
                <h3>联系方式</h3>
                <p>
                    客服热线：400-188-2108 <br />
                    服务时间：8：00-21:00 <br />
                    联系地址：扬州市文昌中路277号汇银大厦
                    六楼电子商务部
                </p>
            </div>
        </div>
        <!--/相关信息-->
        <!--其它信息-->
        <div class="f-bottom">
            <div class="f-b-con f-b-one">
                <a href="##">关于我们</a>|
                <a href="##">我们的团队</a>|
                <a href="##">联系我们</a>|
                <a href="##">广告服务</a>|
                <a href="##">友情链接</a>|
                <a href="##">新闻公告</a>|
                <a href="##">意见反馈</a>|
                <a href="##">汇银俱乐部</a>|
                <a href="##">商家登录</a>
            </div>
            <div class="f-b-con">
                <a href="##">苏ICP备12072382号 </a>|
                <a href="##">苏B2-20120423</a>|
                <a href="##">营业执照</a>
            </div>
            <div class="f-b-con">
                Copyright© 乐虎网  2011-2014.All Rights Reserved.
            </div>
            <div class="f-b-con f-b-four">
                <a href="##"><img src="images/footer_b_1.png" alt="" /></a>
                <a href="##"><img src="images/footer_b_2.png" alt="" /></a>
                <a href="##"><img src="images/footer_b_3.png" alt="" /></a>
                <a href="##"><img src="images/footer_b_4.png" alt="" /></a>
            </div>
        </div>
        <!--/其它信息-->
    </div>
</div>
<!--/footer-->
<script type="text/javascript" src="js/base.min.js"></script>
<script type="text/javascript">
    $(function(){
        //带确定取消的弹窗
        $(".del").on("click",function(){
            layer.confirm("删除后，您可在订单回收站找回，或永久删除","您确定要删除该订单么？",function(){
                layer.msg("删除成功");
            })
        })
        $(".btn-conf").on("click",function(){
            layer.confirm("你是否已经收到货，请慎重确认","确认收货提示")
        })
    })
</script>
</body>
</html>
